<template lang="html">
	<div class="todayrecommend">
		<!-- 头部 -->
		<div class="header">
			<router-link to="/" class="Jtimg">
				<img :src="jtImg">
			</router-link>		
			每日推荐					
		</div>
		<!-- 图片 -->
		<div class="big-img">
			<img :src="bigImg">
		</div>
		<!-- 详情 -->
        <RecommendList/>
	</div>
</template>
<script>
	import RecommendList from "../components/recommendList.vue"
	export default{
		name:'todayrecommend',
		data(){
			return{
				jtImg:require("../assets/icon/arrow-left.png"),
				bigImg:require('../assets/img/todayrecommend.png')
			}
		},
		components:{
           RecommendList
		}
	}
</script>
<style lang="less" scoped>
	.header{
		height:40px;
		line-height: 40px;
		font-size: 25px;
		text-align: center;
		padding:5px 0;
		position: relative;
		.Jtimg{
           img{
           	position: absolute;
           	left:18px;
           	top:5px;
           	width:35px;
           	transform: rotate(-180deg)
           }
		}
	}
</style>